<script setup>
// Logo组件
</script>

<template>
    <div class="logo-container">
        <div class="heart-icon">
            <svg width="48" height="48" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"
                    fill="#007BFF" />
                <path d="M12 13L8 9" stroke="white" stroke-width="2" stroke-linecap="round" />
                <path d="M12 13L16 9" stroke="white" stroke-width="2" stroke-linecap="round" />
                <path d="M12 13L12 17" stroke="white" stroke-width="2" stroke-linecap="round" />
            </svg>
        </div>
        <h2 class="logo-title">医预通</h2>
    </div>
</template>

<style scoped>
.logo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 32px;
    padding-top: 20px;
}

.heart-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
}

.logo-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}
</style>